Editing Fireworks HTML output styles

If you want to create your own custom HTML output styles, you can add, remove, or edit HTML output styles by making changes to templates located in the Fireworks 3\Settings\HTML Code folder. Template files are written in JavaScript, which executes during export.

Note: A working knowledge of JavaScript is required to successfully edit a template. If an edited template file contains any errors in the JavaScript, the export process stops. Fireworks does not correct JavaScript errors; it only executes valid JavaScript code when exporting.

You can edit Fireworks output styles to customize exported HTML. In addition, use JavaScript to create dialog boxes or alerts when exporting. For example, you could create a dialog box that opens during export, allowing you to enter a custom title for the HTML page exported or generate custom HTML code for specific tasks.

To add an output style:

1 Create, duplicate, or place a new folder in the Fireworks 3\Settings\HTML Code folder.
2 Place your custom versions of the Imagemap.htt, Slices.htt, and ServerMap.mtt files in the new folder.
The new folder name determines the name of the style as it appears in the HTML Output pop-up menu.

To remove an output style:

Move or delete the folder of the unwanted style from the Fireworks 3\Settings\HTML Code folder.

To edit an output style:

1 In the Fireworks 3\Settings\HTML Code folder, open the folder of the style you want to edit.
2 Open the template in a text editor, enter changes, and save.
Be sure to use the same name and path when saving the document.